body{
	padding: 0;
	margin: 0;
	height: 100%;
}

/* Панели */

#page{
	width: 1200px;
	margin: 0 auto;
	/*border: 1px solid white;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Параметры тени */
}

#header{
	height: 100px;
	width: 100%;
	background: #ad8823 url('../images/Logo.jpg') bottom left no-repeat;
}

#menu{
	min-height: 850px;
	width: 250px;
	background-color: #999999;
	float: right;
}

#menu ul{
	margin: 10px 30px;
}

#content{
	min-height: 800px;
	padding: 25px;
	width: 900px;
	background-color: #d2c5af;
	float: left;
}

#footer{
	height: 50px;
	width: 100%;
	background-color: #555555;
	font-size: 12px;
}

.clear{
	float: none;
	clear: both;
	height: 0;
}

/* Меню */

#cssmenu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width: auto;
}
#cssmenu ul {
	background: #333333;
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#cssmenu li {
	float: left;
	padding: 0px;
}
#cssmenu li a {
	background: #333333 url('../images/seperator.gif') bottom right no-repeat;
	display: block;
	font-weight: normal;
	line-height: 35px;
	margin: 0px;
	padding: 0px 25px;
	text-align: center;
	text-decoration: none;
}
#cssmenu > ul > li > a {
	color: #cccccc;
}
#cssmenu ul ul a {
	color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
	background: #cc9408 url('../images/hover.png') bottom center no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}
#cssmenu li ul {
	background: #333333;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 225px;
	z-index: 200;
	/*top:1em;
		/*left:0;*/

}
#cssmenu li:hover ul {
	display: block;
}
#cssmenu li li {
	background: url('../images/sub_sep.gif') bottom left no-repeat;
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 225px;
}
#cssmenu li:hover li a {
	background: none;
}
#cssmenu li ul a {
	display: block;
	height: 35px;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
	background: #cc9408 url('../images/hover_sub.png') center left no-repeat;
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}
#cssmenu p {
	clear: left;
}

.center-grad {
	background: rgb(0,17,68); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,17,68,0.3) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, bottom bottom, 0px, center center, 100%, color-stop(0%,rgba(0,17,68,1)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(bottom, ellipse cover,  rgba(0,17,68,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,17,68,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,17,68,0.3) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,17,68,0.3) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd000000', endColorstr='#00000000',GradientType=0 )  progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#dd000000',GradientType=0 ); /* IE6-9 fallback on vertical gradient */
}

.bottom-grad {
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #fefadf 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%,#fefefe 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%,#fefefe 100%);
	background: linear-gradient(top, #e2e2e2 0%,#fefefe 100%);
}

.content2 {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
}

.bg-pattern {
    background: #231b04 url('../images/grey_wash_wall.png') repeat;
}